<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>新冠病毒感染数据每日动态显示</title>
    <link rel="stylesheet" href="http://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          crossorigin="anonymous">
</head>
<style>
    body, table {
        margin: 0 auto;
        text-align: center;
    }

    th, td {
        text-align: left;
        width: 20%;
    }
</style>
<body>
<table>
    <thead>
    <tr>
        <th> 总确诊人数</th>
        <th> 新增确诊人数</th>
        <th> 日期</th>
    </tr>
    </thead>
    <tbody>
    <p>
    <td th:text="${totalCases}"></td>
    <td th:text="${localFromPrevDay}"></td>
    <td><span th:text="${#temporals.format(localDate,'yyyy-MM-dd ')}"></span></p></td>
    </tr>
    </tbody>
    <thead>
    <tr>
        <th> 州/省</th>
        <th> 国家</th>
        <th> 总确诊人数</th>
        <th> 今日新增确诊人数</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="regionStatsList : ${regionStatsList}">
        <td th:text="${regionStatsList.state}"></td>
        <td th:text="${regionStatsList.country}"></td>
        <td th:text="${regionStatsList.latestTotalCases}"></td>
        <td th:text="${regionStatsList.diffFromPrevDay}"></td>
    </tr>
    </tbody>
</table>
</body>
</html>